
<style rel="stylesheet/scss" lang="scss" scoped>
    .model-containter {
        display: flex;
        flex: 1;
		min-height: 100%;
		padding: 20px;
		box-sizing: border-box;
        flex-direction: column;
    }
</style>
<template>
	<div class="model-containter">
		<!--tabs 公用tab -->
		<tabs></tabs>
		<!--店铺信息-->
		<store-info v-if="tabCurrentIndex == 1"></store-info>
		<!--店铺地址-->
		<store-address v-if="tabCurrentIndex == 2"></store-address>
		<!--轮播广告-->
		<store-adv v-if="tabCurrentIndex == 3"></store-adv>
		<!--用户须知-->
		<store-agreement v-if="tabCurrentIndex == 4"></store-agreement>
	</div>
	
</template>
<script>
	import {mapMutations,mapGetters} from 'vuex'
	import tabs from '@/components/tabs/tabs.vue'
	import storeInfo from './components/store-info.vue'
	import storeAddress from './components/store-address.vue'
	import storeAdv from './components/store-adv.vue'
	import storeAgreement from './components/store-agreement.vue'
	
	export default {
		components: {
			tabs,
			storeAdv,
			storeInfo,
			storeAddress,
			storeAgreement
		},
		computed: {
			...mapGetters([
				'tabCurrentIndex',
				'setMerchantInfo'
			])
		}
	}
</script>